<template>
  <div class="view-interface">
    <div class="view-request">
        <XhrRequest v-model="value" />
      </div>
      <div class="view-response">
        <XhrResponse v-model="value" />
      </div>
  </div>
</template>

<script>
import { objecter } from '@daelui/dogjs/dist/components.js'
import XhrRequest from './request/xhr.vue'
import XhrResponse from './response/xhr.vue'
import interfaceTpl from './constant/interface.js'

export default {
  components: {
    XhrRequest,
    XhrResponse
  },

  props: {
    value: {
      default () {
        return objecter.clone(interfaceTpl)
      }
    }
  },

  data () {
    return {

    }
  },

  methods: {

  }
}
</script>

<style lang="less" scoped>
.view-interface {
  .view-request {
    padding-bottom: 8px;
  }
  .view-response {
    border-top: 1px solid #DCDFE6;
  }
}
</style>
